<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Coffee House - Menu</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>

<header>
  <div class="logo">☕ Coffee House</div>
  <nav>
    <a href="index.html">Home</a>
    <a href="menu.html">Menu</a>
    <a href="contact.html">Contact</a>
  </nav>
</header>

<section>
  <h2>Our Menu</h2>

  <div class="menu-grid">
    <div class="menu-item">
      <h3>Hot Drinks</h3>
      <img src="https://images.unsplash.com/photo-1511920170033-f8396924c348" alt="Coffee drinks">
      <ul>
        <li>Espresso - £2.50</li>
        <li>Latte - £3.50</li>
        <li>Cappuccino - £3.20</li>
      </ul>
    </div>

    <div class="menu-item">
      <h3>Pastries</h3>
      <img src="https://images.unsplash.com/photo-1509440159596-0249088772ff" alt="Pastries">
      <ul>
        <li>Croissant - £2.00</li>
        <li>Muffin - £2.20</li>
        <li>Brownie - £2.50</li>
      </ul>
    </div>
  </div>
</section>

<footer>
  <p>Open daily: 8am – 6pm</p>
  <p>© 2026 Coffee House</p>
</footer>

</body>
</html>